

.pad {
    clear: left;
    padding-top: 270px;
}

/* ================================================================
 This copyright notice must be kept untouched in the stylesheet at
 all times.
 
 The original version of this stylesheet and the associated (x)html
 is available at http://www.cssplay.co.uk/menus/multi-column.html
 Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
 This stylesheet and the associated (x)html may be modified in any
 way to fit your requirements.
 =================================================================== */
#nav {
    height: 41px;
    padding-left: 20px;
    background: #811651 url(../images/nav_bg.png) top left repeat-x;
    font-family: arial, sans-serif;
	border-top:1px solid #c7237d;
	border-bottom:1px solid #5a1039;
}

#menu {
    height: 41px;
    position: relative;
    font-size: 13px;
    margin: 0;
    z-index: 1000;
    padding-right: 20px;
}

#menu table.ie6 {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

#menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu ul li {
    float: left;
    list-style: none;
}

#menu ul li a {
    display: block;
    float: left;
    padding: 0 15px 0 0;
    text-decoration: none;
    color: #fff;
    height: 41px;
    line-height: 40px;
    font-size: 14px;
}

#menu ul li a b {
    display: block;
    float: left;
    padding: 0 0 0 15px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    height: 41px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
}

#menu ul li div.holder {
    position: absolute;
    left: -9999px;
}

#menu ul li div .leftSide {
    float: left;
    background: #ddd;
}

#menu ul li div .rightSide {
    float: left;
    margin-left: 10px;
    display: inline;
    padding: 0 10px 0 0;
    background: #aaa;
    min-width: 300px;
}

#menu ul li:hover {
    position: relative;
}

#menu ul li a:hover, #menu ul li a.active {
    color: #6f4572;
    background-position: right center;
    white-space: nowrap;
    position: relative;
}

#menu ul li a:hover b, #menu ul li a.active b {
    color: #6f4572;
    background-position: left center;
}

#menu ul li a.sub:hover {
    color: #6f4572;
    background-position: right bottom;
    white-space: nowrap;
    position: relative;
}

#menu ul li a.sub:hover b {
    color: #6f4572;
    background-position: left bottom;
}

#menu ul li:hover > a {
    color: #6f4572;
    position: relative;
}

#menu ul li:hover a.sub {
    color: #6f4572;
    background-position: right bottom;
    white-space: nowrap;
    position: relative;
}

#menu ul li:hover a.sub > b {
    color: #5e3a61;
    background-position: left bottom;
}

#menu ul:hover div.holder {
    position: absolute;
    top: 41px;
    left: 4px;
    margin: 0;
    padding: 0;
}

#menu ul li.right a:hover div.holder {
    left: auto;
    right: 3px;
    top: 41px;
}

#menu ul li.right:hover div.holder {
    left: auto;
    right: 4px;
    top: 41px;
}

#menu ul dl {
    width: auto;
    margin: 5px 0 10px 0;
    padding: 0 5px;
    list-style: none;
}

#menu ul dl dt {
    padding: 0 10px;
    margin: 0;
    line-height: 20px;
    background: #B990BC;
    color: #fff;
    white-space: nowrap;
}

#menu ul dl dd {
    display: block;
    padding: 0;
    margin: 0;
}

#menu ul dd a {
    background-image: none;
    display: block;
    height: 25px;
    line-height: 20px;
    color: #6f4572;
    text-align: left;
    margin: 0;
    padding: 0 10px;
    font-weight: normal;
    white-space: nowrap;
    float: none;
}

#menu ul dd a:hover {
    color: #9e4b8d;
}

#menu ul table td {
    vertical-align: top;
}